<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            .box {

                width: 1000px;
                height: 100px;
                margin: 10px auto;
                background-color: pink;
            }

            .box img {
                float: right;
            }

            .change {
                display: none;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <img src="pic/wrong.png">
        </div>
        <script type="text/javascript">
            var pic = document.querySelector('img');
            var box = document.querySelector('.box');
            pic.onclick = function() {
                box.className = 'change';
            }
        </script>
    </body>
</html>
